@import "../../public/less/index.less";
body {
  background-color: #FFFFFF;
  font-family: 'PingFang SC', 'STHeitiSC-Light', 'Helvetica-Light', arial, sans-serif, 'Droid Sans Fallback';
}
.glo {
  .cart-content {
    .fs(22);
    background-color: #F4F4F4;
    .nav-header {
      top: 0px;
      left: 0px;
      .h(100);
      width: 100%;
      background-color: @header-bg-color;
      z-index: 100;
      .border-2px(#E8E8E8);
      .nav-title {
        .h(100);
        .lh(100);
        .fs(30);
        .padding(0, 90);
        text-align: center;
        .ellipsis();
      }
      .nav-edit {
        position: absolute;
        display: flex;
        align-items: center;
        .top(0);
        .left(20);
        .h(100);
        .w(100);
        .lh(100);
        .fs(24);
        .icon-img {
          display: inline-block;
          background-image: url("../../public/images/fanhui.png");
          background-size: cover;
          .h(33);
          .w(18);
        }
      }
    }
    .collect-money {
      .content {
        position: relative;
        .order-type {
          display: flex;
          align-items: center;
          background-color: #FFFFFF;
          .h(100);
          .border-2px(#E8E8E8);
          .padding(30,0);
          .left {
            position: absolute;
            .left(25);
            .icon {
              background-image: url("../images/barcode.png");
              background-size: cover;
              .w(40);
              .h(30);
            }
          }
          .right {
             position: absolute;
            .right(25);
            span {
              .padding(14,17);
              background-color: #00C5D1;
              .b-radius(8);
              color: #FFFFFF;
              .ml(20);
            }
           }
        }
        .order-typed {
          display: flex;
          align-items: center;
          background-color: #FFFFFF;
          .h(70);
          color: #919191;
          .border-2px(#E8E8E8);
          .padding(20,0);
          .left {
            position: absolute;
            .left(25);
            .icon {
              background-image: url("../images/barcode.png");
              background-size: cover;
              .w(40);
              .h(30);
            }
          }
          .right {
            position: absolute;
            .right(25);
            span {
              .padding(14,17);
              background-color: #00C5D1;
              .b-radius(8);
              color: #FFFFFF;
              .ml(20);
            }
          }
        }
        .schedule-logistics {
          .mt(20);
          background-color: #FFFFFF;
          .pl(70);
          .express-info {
            .padding(20, 20);
            .hand-item {
              word-break:break-all;
              .lh(40);
              position: relative;
              .border-2px(#CCC);
              .padding(20, 0);
              .logistics-type {
                color: #919191;
                .fs(24);
              }
              .logistics-time {
                color: #919191;
                .fs(20);
              }
              &:before {
                content: ' ';
                position: absolute;
                top: 0px;
                .left(-32);
                bottom: 0px;
                .w(2);
                background-color: #E8E8E8;
              }
              .icon-circle {
                position: absolute;
                .top(34);
                .left(-38);
                display: inline-block;
                .w(14);
                .h(14);
                border-radius: 50%;
                background-color: #E8E8E8;
              }
              &.active {
                .logistics-type {
                  color: #333333;
                  .fs(24);
                }
                .icon-circle {
                  position: absolute;
                  .top(25);
                  .left(-42);
                  display: inline-block;
                  .w(23);
                  .h(23);
                  //background-image: url("/static/img/bigcircle.png");
                  //background-size: cover;
                  background-color: #B3EDF1;
                  border-radius: 50%;
                  .padding(3,3);
                  .circle-in {
                    //display: inline-block;
                    position: relative;
                    .w(17);
                    .h(17);
                    background-color: #00C5D1;

                    border-radius: 50%;
                  }
                }
              }
              &:last-child {
                .border-none();
              }
            }
          }
        }
      }
    }
  }
}
